<template>
  <div id="app">
    <div class="navIcon">
      <img class="navIconImg" src="http://xunpfimg.oss-cn-beijing.aliyuncs.com/img/my_banner.1237447.png">
    </div>

    <div class="counselor_div">

      <!--title-->
      <div class="counselor_name_div">
        <div class="counselor_name_title">顾问团队简介</div>
        <div class="counselor_name_bg"></div>
        <div class="counselor_name_En">Brief introduction of consultant team</div>
      </div>

      <!--咨询师List-->
      <div class="counselor_List">

        <div class="counselor_Item" v-for="(item,index) in data">
          <div class="counselor_Item_Le">
            <img class="coun_it_leIMG" v-show="item.url!='undefined'" :src="item.url"/>
            <div class="coun_it_leIMG" v-show="item.url=='undefined'"></div>
            <div class="coun_it_leName">{{item.name}}</div>
            <div class="coun_it_legrade">
              <img class="coun_it_legrade_img" v-for="(items,indexs) in num"
                   v-show="(indexs+1) < (item.satisfaction /20)"
                   src="../../images/counselor003.png"/>
              <img class="coun_it_legrade_img" v-for="(itemss,indexss) in num"
                   v-show="(indexss+1) > (item.satisfaction /20)"
                   src="../../images/counselor002.png"/>
            </div>

            <div class="coun_it_legrade_number">{{item.satisfaction / 20}}分 | {{item.totalConsultationsNum}}人咨询</div>

            <div class="coun_it_le_Phone">
              <img class="coun_it_le_Phone_img" src="../../images/counselor001.png"/>
              <div class="coun_it_le_Phone_num">{{item.phoneNumber}}</div>
            </div>
          </div>

          <div class="coun_it_re">
            <div class="coun_it_re_brief">个人简介</div>
            <div class="coun_it_re_brief_line"></div>
            <div class="coun_it_re_brief_con">
              {{item.detail}}
            </div>
            <div class="coun_it_re_brief_manifesto">服务宣言：用专业的态度做专业的事</div>

            <div class="coun_it_re_brief_label">
              <div class="coun_it_re_brief_label_item" v-if="item.tag1">{{item.tag1}}</div>
              <div class="coun_it_re_brief_label_item" v-if="item.tag2">{{item.tag2}}</div>
              <div class="coun_it_re_brief_label_item" v-if="item.tag3">{{item.tag3}}</div>
            </div>
          </div>

        </div>

      </div>

    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        data: [],
        num: [20, 40, 60, 80, 100]
      }
    },
    computed: {},
    watch: {},
    methods: {
      getData() {
        let _this = this;
        let myData = {
          page: "1",
          rows: "1000"
        };
        let data = {
          data: myData
        };
        this.$server.consultantList(data).then(data => {
          _this.data = data.data
//          console.log(_this.data)
        })

      }
    },
    mounted() {
      let _this = this;
      _this.getData()
    }
  }
</script>
